<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <title>文件上传</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="/bootstrap-3.4.1-dist/css/bootstrap.css">


</head>

<body>

<div class="container">
    <div class="panel">
        <div class="page-header">演示文件上传</div>
        <div class="panel-body">
<%--            文件上传必须满足：
    1. post 请求
    2. 解码方式
--%>
            <form class="form-horizontal" action="/upload" method="post" enctype="multipart/form-data">
                <div class="form-group">
                    <label class="col-sm-2 control-label">文件选择1</label>
                    <div class="col-sm-10">
                        <input type="file" id="exampleInputFile" name="myFile">
                       <%-- <p class="help-block">Example block-level help text here.</p>--%>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">文件1-备注</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="输入备注"  name="remark" value="文件1-备注11111">
                    </div>
                </div>
                <hr>

                <div class="form-group">
                    <label class="col-sm-2 control-label">文件选择2</label>
                    <div class="col-sm-10">
                        <input type="file" id="exampleInputFile" name="myFile">
                        <%-- <p class="help-block">Example block-level help text here.</p>--%>
                    </div>
                </div>

                <div class="form-group">
                    <label  class="col-sm-2 control-label">文件2-备注</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="输入备注"  name="remark" value="文件2-备注文件2-备注">
                    </div>
                </div>


                <div class="form-group">
                    <label  class="col-sm-2 control-label">你的兴趣爱好</label>
                    <div class="col-sm-10">
                        <label class="checkbox-inline">
                            <input type="checkbox"  value="1" name="xingqu"> 吃
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox"  value="2" name="xingqu"> 睡觉
                        </label>
                        <label class="checkbox-inline">
                            <input type="checkbox"  value="3" name="xingqu"> 看书
                        </label>
                    </div>
                </div>



                <div class="form-group">

                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default">提交</button>
                    </div>
                </div>
            </form>
        </div>

    </div>


</div>



</body>
</html>
